<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SXT商城</title>
<%@ include file="/common/include/title.jsp"%>
<script src="${rootpath }/common/resource/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="${rootpath }/common/resource/formValidator-4.1.3.js" type="text/javascript" charset="UTF-8"></script>
<script src="${rootpath }/common/resource/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script language="javascript" src="${rootpath }/common/resource/DateTimeMask.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function()
			{
		
				
				$.formValidator.initConfig({
						formID : "form",
						theme : "126",
						submitOnce : true,
						ajaxPrompt : '有数据正在异步验证，请稍等...'
					});

	$("#email").formValidator(
										{
											onShowFixText : "6~18个字符，包括字母、数字、下划线，以字母开头，字母或数字结尾",
											onShow : "请输入邮箱",
											onFocus : "邮箱6-100个字符,输入正确了才能离开焦点",
											onCorrect : "恭喜你,你输对了"
											
										})
								.inputValidator({
									min : 6,
									max : 100,
									onError : "你输入的邮箱长度非法,请确认"
								})
								.regexValidator(
										{
											regExp : "^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",
											onError : "你输入的邮箱格式不正确"
										});
						$("#password").formValidator({
							onShowFixText : "6~16个字符，包括字母、数字、特殊符号，区分大小写",
							onShow : "请输入密码",
							onFocus : "至少1个长度",
							onCorrect : "密码合法"
						}).inputValidator({
							min : 6,
							max : 16,
							empty : {
								leftEmpty : false,
								rightEmpty : false,
								emptyError : "密码两边不能有空符号"
							},
							onError : "密码长度错误,请确认"
						}).passwordValidator({
							compareID : "email"
						});
						$("#password2").formValidator({
							onShowFixText : "请再次输入密码",
							onShow : "输再次输入密码",
							onFocus : "至少1个长度",
							onCorrect : "密码一致"
						}).inputValidator({
							min : 1,
							empty : {
								leftEmpty : false,
								rightEmpty : false,
								emptyError : "重复密码两边不能有空符号"
							},
							onError : "重复密码不能为空,请确认"
						}).compareValidator({
							desID : "password",
							operateor : "=",
							onError : "2次密码不一致,请确认"
						});
					})
</script>

</head>
<body>
	<div id="doc">
		<%@ include file="/common/include/header.jsp"%>
				<div id="s_bdw">
			<div id="s_bd">
				<div class="dl_zc">
					<div class="dl_zc_title">
						<h2 class="f_l">用户注册</h2>
						<div class="rt_bg f_r"></div>
					</div>
					<div class="dl-con cf" id="entry">
						<form id="form" method="post" action="${rootpath }/registerSubmit.htm">
							<div class="form" style="width: 600px;">
								<div class="item">
									<span class="label">邮箱：</span>
									<div class="fl">
										<input type="text" id="email" name="email"
											class="text" tabindex="1" value="${email }" />
											<span id="emailTip"></span>
									</div>
								</div>
								<!--item end-->
								<div class="item">
									<span class="label">密码：</span>
									<div class="fl">
										<input type="password" id="password" name="password"
											class="text" tabindex="2" /> 
											<span id="passwordTip"></span>
									</div>
								</div>
								<!--item end-->
								<div class="item">
									<span class="label">再次输入密码：</span>
									<div class="fl">
										<input type="password" id="password2" name="password2"
											class="text" tabindex="2" /> 
											<span id="password2Tip"></span>
									</div>
								</div>
								<!--item end-->
								<div class="item">
									<span class="label">验证码：</span>
									<div class="fl">
										<input type="text" id="loginpwd" name="rand"
											class="text" tabindex="2" /> <label id="loginpwd_succeed"
											class="blank invisible"></label> 
											<img src="${rootpath}/randImg.htm" alt="" id="randImg" windth="75" height="20" style="cursor: pointer;" onclick="return refreshImg('randImg')"/>
											<span
											class="clear"></span> <label id="loginpwd_error"></label>
									</div>
								</div>
							
								<span class="label">&nbsp;</span>
								<div style="color: red; font-weight: bolder; size: 7px;" >${info }</div>
								<!--item end-->
								
								<!--item end-->
								<div class="item">
								
									<input class="btnimg1"
										id="registsubmit" value="" tabindex="8" type="submit">
								</div>
							</div>
							<!--form end-->
							<div id="guide">
								<h5>已经注册了？</h5>
								<div class="content">那就去登陆吧！！！</div>
								<a href="${rootpath}/login.htm" class="btn-personal">现在去登陆</a>
							</div>
							<!--guide end-->
							<div class="clear"></div>
						</form>
					</div>
					<!--regist end-->
				</div>
				<!--dl_zc end-->
				<%-- <script type="text/javascript" src="${rootpath}/js/Validate.js"></script>
				<script type="text/javascript"
					src="${rootpath}/js/Validate.entry.js"></script>
					<script type="text/javascript" src="js/Validate.js"></script>
					<script type="text/javascript" src="js/Validate.personal.js"></script> --%>
			</div>
			<!--s_bd end-->
		</div>
		<!--s_bdw end-->
		<%@ include file="/common/include/footer.jsp"%>
	</div>
</body>
</html>
